<html chrome_comp_test="text_decoration_propagation">
<head></head>
<body>

<h1>RT3002</h1>

<p>1. Normal flow</p>
<div style="text-decoration:underline;">
  <div style="position:absolute; top:50px; left:48px;"> absolute position element </div>
  <div style="position:relative;"> relative position element </div>
  <div style="display:inline-table;" expectedProblems="RT3002"> inline-table </div><br>
  <div style="display:inline-block;" expectedProblems="RT3002"> inline-block </div><br>
</div>

<p>2. Inline-block with inline sibling</p>
<a href="#">
  <span></span>
  <span style="display:inline-block;" expectedProblems="RT3002">A > inline-block</span>
</a>
<br />
<span style="text-decoration:underline;">
  <span></span>
  <span style="display:inline-block;" expectedProblems="RT3002">inline > inline-block</span>
</span>
<div style="text-decoration:underline;">
  <img src='img.png'>
  <span style="display:inline-block;" expectedProblems="RT3002">block > inline-block</span>
</div>
<div style="text-decoration:underline;">
  <span style="display:inline-block;" expectedProblems="RT3002">block > inline-block</span>
  <b></b>
</div>
<div style="text-decoration:underline;">
  <span style="display:inline-block;" expectedProblems="RT3002">block > inline-block</span>AA
</div>

<hr />

<h2>The followings don't have problems</h2>
<br />

<p>A1. absolute</p>
<div style="text-decoration:underline;">
  <div style="position:absolute;">block > position:absolute</div>
</div>
<br><br>
<span style="text-decoration:underline;">
  <div style="position:absolute;">inline > position:absolute</div>
</span>
<br />
<br />

<p>A2. float</p>
<div style="text-decoration:underline;">
  <div style="float:left; margin-top:16px;"> float element </div>
  <div style="clear:both;"> block element </div>
  anonymous inline box<br>
  <span> inline element </span>
</div>

<p>(End of test)</p>

</body>
</html>
